<template>
	<view class="content" :style="{paddingTop: top +'px'}">
		<image class="logo" src="../../static/logo.png" mode="heightFix"></image>
		<view class="list">
			<view class="item"  @click="naxt">
				<image src="../../static/logo.png" mode="widthFix"></image>
				<text>序列号</text>
			</view>
			<view class="item">
				<image src="../../static/logo.png" mode="widthFix"></image>
				<text>开发中</text>
			</view>
			<view class="item">
				<image src="../../static/logo.png" mode="widthFix"></image>
				<text>开发中</text>
			</view>
			<view class="item">
				<image src="../../static/logo.png" mode="widthFix"></image>
				<text>开发中</text>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapState } from 'vuex';
	export default {
		computed: {
		...mapState(['top'])
		  },
		data() {
			return {
				title: 'Hello',
			}
		},
		onLoad() {

		},
		methods: {
			// 点击序列号
			naxt(value){
				uni.navigateTo({url: '/pages/SerialNumber/SerialNumber'})
			}
		}
	}
</script>

<style lang="scss">
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		
	}

	 .logo {
		 // position: absolute;
		 // top: 0;
		 // left: 0;
		height: 150rpx;
		// width: 200rpx;
		margin: 50rpx 0;
		
		margin-left: auto;
		margin-right: auto;
		// margin-bottom: 50rpx;
	}
	.list {
		display: flex;
		justify-content: space-between;
		width: 90%;
		.item{
			width: 100rpx;
			image{
				width: 100rpx;
			}
			text{
				font-size: 25rpx;
			}
		}
	}
	
/*
	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	} */
</style>
